<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <title>Hello Vita</title>
</head>

<body>
    <div class="navigator">
        <div class="back"></div>
        <div class="title">珍爱团简介</div>
    </div>
    <div class="content">
        <div class="tabcontainer">
            <div class="tabnav">
              <a href="javascript:;" class="active">珍爱团简介</a>
              <a href="javascript:;" class="">本周排行</a>
            </div>
            <div class="tabcontent">
                <div class="tabbox" >
                    <div class="box">
                        <h3 class="title"><span>珍爱团</span></h3>
                        <ul>
                          <li>珍爱团是由艺人真爱粉组成，是艺人在YY娱乐平台的人气象征之一。</li>
                        </ul>
                        <div class="col col-2">
                            <div>
                                <div class="post"><img src="http://ued.yypm.com/160x160" alt=""></div>
                                <p>点亮勋章，成为铁粉</p>
                            </div>
                            <div>
                                <div class="post"><img src="http://ued.yypm.com/160x160" alt=""></div>
                                <p>完成任务，为TA打榜</p>
                            </div>
                        </div>
                    </div>
                    <div class="box">
                        <h3 class="title"><span>珍爱团等级</span></h3>
                        <ul>
                          <li>成员完成团任务可增加团积分，提升团等级及排名</li>
                          <li>每周周一0点至每周周日24点累计的团积分，将决定本周珍爱团的等级及排名</li>
                          <li>达到团等级，将解锁酷炫特效</li>
                        </ul>
                        <div class="col col-3">
                           <div>
                                <div class="post"><img src="http://ued.yypm.com/160x160" alt=""></div>
                                <p>定制勋章</p>
                                <span>2级开启</span>
                            </div>
                            <div>
                                <div class="post"><img src="http://ued.yypm.com/160x160" alt=""></div>
                                <p>团座驾（即将上线）</p>
                                <span>5级开启</span>
                            </div>
                            <div>
                                <div class="post"><img src="http://ued.yypm.com/160x160" alt=""></div>
                                <p>更多特权</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 第一个tab结束 -->
                <div class="tabbox" style="display:none">
                  <div class="rank-s">
                    <p>哲家军-MC阿哲</p>
                    <a href="javascript:;" class="btn">关注</a>
                  </div>
                  <!-- 最强团 -->
                  <div class="ranklist">
                    <div class="item rank-a">
                      <div class="left">
                        9999+
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣天使猪刚鬣天使猪刚鬣天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn active">已关注</a>
                        <!-- 已关注：active -->
                      </div>
                    </div>
                    <!-- item end -->
                    <div class="item">
                      <div class="left">
                          <em class="rank1 rankicon"></em>
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣------天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn">关注</a>
                      </div>
                    </div>
                    <!-- item end -->
                    <div class="item">
                      <div class="left">
                          <em class="rank2 rankicon"></em>
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣------天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn">关注</a>
                      </div>
                    </div>
                    <!-- item end -->
                    <div class="item">
                      <div class="left">
                          <em class="rank3 rankicon"></em>
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣------天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn">关注</a>
                      </div>
                    </div>
                    <!-- item end -->
                    <div class="item">
                      <div class="left">
                          <em>4</em>
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣------天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn">关注</a>
                      </div>
                    </div>
                    <!-- item end -->
                    <div class="item">
                      <div class="left">
                          <em>5</em>
                      </div>
                      <div class="center">
                        <div class="portrait">
                          <img src="http://ued.yypm.com/160x160" alt="">
                        </div>
                        <div class="info">
                          <h6>猪刚鬣------天使</h6>
                          <p>积分：5555555</p>
                        </div>
                      </div>
                      <div class="right">
                        <a href="javascript;;" class="btn">关注</a>
                      </div>
                    </div>
                    <!-- item end -->
                  </div>
                </div>
                <!-- 第二个tab结束 -->
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://earn.yystatic.com/earn/js/??jquery/jquery.min.js,jquery/jquery.url.min.js,jquery/jquery.cookie.min.js,login/login.js,mobile/yym-requirejs.js,mobile/YYMobileBridge.js,mobile/WAJavascriptBridge.js,cherish/yymobile_api_v1.2.12.js,mobile/mPublic_v1.0.1.js,uiwidget/uiwidget-messagebox2.min.js,uiwidget/uiwidget-include.min.js,mNoble/error_code.js?v=2015080303,cherish/zepto.min.js,cherish/mobilehiido.js?v=33"></script>
</body>

</html>
